*{
    margin: 0;
    padding: 0;
  }
  .big {
    height: 500px;
    width: 1200px;
    /* background: hotpink; */
  }

  form {
    width: 300px;
    height: 496px;
    border: 2px solid #cccccc;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    float: left;
  }

  form input {
    width: 200px;
    height: 40px;
    margin: 0 auto;
  }

  #btn{
    width: 150px;
    height: 50px;
    margin-left: 70px;
    border-radius: 20px;
  }

  form span {
    margin: 0 auto;
    height: 20px;
    width: 100px;
    /* background: darkblue; */
    text-align: center;
    margin: 0 auto;
  }

  .right {
    float: right;
    /* margin-left: 100px; */
    width: 796px;
    height: 496px;
    /* background: red; */
    border: 2px solid #cccccc;
  }

  table {
    /* table-layout:fixed; */
    float: right;
    /* margin-left: 100px; */
    width: 796px;
    /* height: 500px; */
    /* background: red; */
    border: 2px solid #cccccc;
  }

  table td {
    height: 48px;
    text-align: center;
    border: 1px solid #cccccc;
  }

  table tr:first-child {
    height: 30px;
    /* background: green */
  }